.login{
    width:100%;
    /*background: #7ce6ff;*/
    /*调颜色透明度*/
    background: rgba(16, 12, 2, 0.25);
    /*高度*/
    height: 50px;
    /*设置水平对齐的方式*/
    text-align: center;
    /*设置字体，字体*/
    /*font-size: 28px;*/
    font: bold 28px/50px "Microsoft Sans Serif";
    color: #fff;
}


/*边框线 内边距 外边距设置*/
/*solid设置虚线实线*/
input {
    border: solid #007aff 2px;
    margin: 20px;
    padding: 10px;
    background:gainsboro;
}

.box1{
    border: solid #007aff 2px;
    /*外边剧*/
    margin: 20px;
    /*内边剧*/
    padding: 10px;
    background: green;
    height: 100px;
    /*超出部分的内容隐藏scroll为滚动*/
    overflow: hidden;
    /*none为不显示块，block为显示*/
    display: none;


}

.box1 li{
    background: #007aff;
    width: 50px;
    height: 30px;
    margin: 10px;
    list-style-type: none;
}

/*margin设置是顺时针*/
.box2{
    border: solid #007aff 2px;
    margin: 50px 100px 20px 80px;
    padding: 10px;
    background: yellow;

}

